<template>
    <div id="guess">
        <div class="text">
            <h1>猜你喜欢</h1>
        </div>
        <div id="scroller">
            <ul class="spot-inner">
                <li class="spot-inner-con" v-for="(x,y) in hotslide" :id="y.id">
                    <div class="swiper-slide">
                        <ul class="goods1">
                            <li class="photo"><img :src="x.proImg"></li>
                            <li class="test">{{x.title}}</li>
                            <li class="money">￥<del>{{x.price}}</del></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>        
    </div>
</template>

<script>
    export default {
        props:{
            hotslide:''
        },
       updated(){
		this.createIScroll()
	},
        methods: {
            // createIScroll() {
            //     this.myScroll = new IScroll('#scroller', {
            //                     probeType: 3,
            //                     scrollX: false,
            //                     scrollY: false, //隐藏Y轴滚动条
            //                     momentum: false,
            //                     snap: true,
            //                     mouseWheel: false,
            //                     click: true
            //         });
            // }
        }
    }       
</script>

<style>
</style>
